// .offset()
// 获取元素距离文档的绝对位置top、left 返回对象。
$('.demo').offset() // 取值：Object {top: 50, left: 50}
$('.demo').offset({ top: 50, left: 50 }) // 赋值、

// .position()
// 只能取值，元素相对于有定位的父级位置top、left 返回对象。
$('.demo').position() // Object {top: 50, left: 50}

// .scrollTop() / scrollLeft()  // 获取、赋予滚动条位置、
$(window).scrollTop()
$(window).scrollLeft()
$(window).scrollTop(666)
$(window).scrollLeft(333)
$('.demo').scrollTop()
$('.demo').scrollLeft()
$('.demo').scrollTop(666)
$('.demo').scrollLeft(333)

// .width() .height()
// 区域：content
//              取内容区宽高、不含padding的区域、返回数值不带px。
// .innerWidth()    .innerHight()
// 区域：content + padding
//              取内容区宽高、含padding的区域、返回数值不带px。
// .outerWidth()    .outerHight()
// 区域：content + padding + border
//              取边框及内容区宽高、返回数值不带px。
// .outerWidth(true)    .outerHight(true)
// 区域：content + padding + border + margin
//              取整个盒子的所有宽高、返回数值不带px。
// .each()
// 循环遍历每一个元素、(节省效率)
$('ul>li').each(function (index, ele) {
	// 索引(index)  原生DOM(ele)
	$(ele)
		.text(index + 1)
		.addClass('demo-' + (index + 1))
})

// .children()
// 选中ul下面的所有子级、
$('ul').children()

// .index()
// 获取自身在兄弟中的索引位、(可以传参数，参数为dom元素)
